html,
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  font-family: "微软雅黑";
  overflow: hidden;
}

#app {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.el-table .yellow-row {
  --el-table-tr-bg-color: var(--el-color-warning-light-9);
}

.el-table .yellow-row:hover {
  --el-table-tr-bg-color: var(--el-color-warning-light-7);
}

.el-table .green-row {
  --el-table-tr-bg-color: var(--el-color-success-light-9);
}

.el-table .green-row:hover {
  --el-table-tr-bg-color: var(--el-color-success-light-7);
}

.el-table .red-row {
  --el-table-tr-bg-color: var(--el-color-error-light-9);
}

.el-table .red-row :hover {
  --el-table-tr-bg-color: var(--el-color-error-light-7);
}

.tree-green-node {
  color: var(--el-color-success);
}

.tree-red-node {
  color: var(--el-color-error);
}

.page-wrapper {
  height: @page-wrapper-height;
  width: @page-wrapper-width;
}

.router-view-wrapper {
  width: calc(~"@{page-wrapper-width} - @{sider-width}");
  height: calc(~"@{page-wrapper-height} - @{header-height}");
}

@page-wrapper-width: 100vw;
@page-wrapper-height: 100vh;
@header-width: 100vw;
@header-height: 60px;
@sider-width: 200px;